<template>
    <div class="layout-padding scroll-container">
        <el-row :gutter="24" style="margin-bottom:5px">
            <el-col :offset="22" :span="1">
                <el-button @click="goBack">返回</el-button>
            </el-col>
        </el-row>
        <el-row>
        <!-- 岗位进度排名 -->
            <el-col :span="8">
                <el-card class="box-card">
                <div class="grid-content bg-purple">
                    <div id="canvas" ref="canvas" style="width:100%;height: 332px"></div>
                </div>
                </el-card>
            </el-col>
        <!-- 个人进度排名 -->
            <el-col :span="8">
                <el-card class="box-card">
                <div class="grid-content bg-purple-light">
                    <div id="person" ref="person" style="width:100%;height: 332px"></div>
                </div>
                </el-card>
            </el-col>
        <!-- 进度异常名单 -->
            <el-col :span="8">
                <el-card class="box-card">
                    <div class="grid-content bg-purple">
                        <div id="abnormal" ref="abnormal" style="width:100%;height: 300px"></div>
                        <div style="text-align: center"><el-button type="warning" plain @click="remind">给进度落后人员下发通知</el-button></div>
                    </div>
                </el-card>
            </el-col>
        <!-- 学习时长查看  -->
            <el-col :span="12" style="margin-top:20px">
                <el-card class="box-card">
                    <div class="grid-content bg-purple">
<!--                        <el-form :model="form" label-width="auto">-->
<!--                            <el-form-item label="组织筛选">-->
<!--                                <el-input v-model="form.name" />-->
<!--                            </el-form-item>-->
<!--                            <el-form-item label="岗位筛选">-->
<!--                                <el-select v-model="form.region" placeholder="please select your zone">-->
<!--                                    <el-option label="Zone one" value="shanghai" />-->
<!--                                    <el-option label="Zone two" value="beijing" />-->
<!--                                </el-select>-->
<!--                            </el-for m-item>-->
<!--                        </el-form>-->
                        <div id="duration" ref="duration" style="width:100%;height: 320px"></div>
                    </div>
                </el-card>
            </el-col>
        <!-- 本学习任务考试成绩排名  -->
            <el-col :span="12" style="margin-top:20px;">
                <el-card class="box-card">
                    <div class="grid-content bg-purple " style="overflow-y:scroll;overflow-x:hidden">
                        <div id="totalranking" ref="totalranking" style="width:100%;height: 320px"></div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>
<script setup lang="ts" name="systemXxrwTaskList">
	import * as echarts from "echarts";
	import { ref ,reactive,getCurrentInstance, onMounted, onUnmounted } from 'vue';
	import { editList,personList,abnormalList,noticeList,durationList,rankingList} from '/@/api/train/xxrwTaskList';
    import { useRoute, useRouter } from 'vue-router';
    // import { reScore } from '/@/api/train/ksglExamList';
	import { ElMessage } from 'element-plus';
	const route = useRoute();
	const dataList = ref([])
    const persondataList = ref([])
	const abnormaldataList = ref([])
	const processedData = ref([]);
	const durationdataList = ref([])
	const achievementList = ref([])
    const { proxy } = getCurrentInstance()
    //挂载完毕
    onMounted(()=>{
        // 设置初始配置项（如果有的话）
        // chartInstance.setOption({ /* ... */ });
        if(route.query.state =='1'){
            const taskId = route.query.taskId
            const examId = route.query.examId
            console.log(taskId,examId,'考试id');
            // 岗位进度排名
            editList(taskId).then((res)=>{
                Object.assign(dataList, res.data)
                // console.log(dataList,'dataList');
                //  岗位进度排名
                var status = []
                var number = []
                for(let i= 0;i<res.data.length;i++)
                {
                    number[i]=res.data[i].postName;
                    status[i]=parseFloat(res.data[i].dataSchedule).toFixed(0);
                    // console.log(number,'number');
                    // console.log(status,'dataSchedule');
                    res.data.sort((a,b) => parseFloat(b.dataSchedule) - parseFloat(a.dataSchedule));
                     // 根据排序后的 res.data 更新 number 和 status 数组
                    number = res.data.map(item => item.postName);
                    status = res.data.map(item => parseFloat(item.dataSchedule));
                    // console.log(number,'number降序');
                    // console.log(status,'dataSchedule');
                                    };
                 renderChart(status, number);
            });
            //个人进度排名
            personList(taskId).then((res)=>{
                Object.assign(persondataList, res.data)
                // console.log(res,'persondataList');
                // //  个人进度排名
                var status1 = []
                var number1 = []
                for(let i= 0;i<res.data.length;i++)
                {
                    number1[i]=res.data[i].userName;
                    status1[i]=parseFloat(res.data[i].dataSchedule).toFixed(0);
                    // console.log(number1,'number');
                    // console.log(status1,'dataSchedule');
                    res.data.sort((c,d) => parseFloat(d.dataSchedule) - parseFloat(c.dataSchedule));
                    // 根据排序后的 res.data 更新 number 和 status 数组
                    number1 = res.data.map(item => item.userName);
                    status1 = res.data.map(item => parseFloat(item.dataSchedule));
                    // console.log(number1,'number降序');
                    // console.log(status1,'dataSchedule');
                };
                personChart(status1, number1);
            });
            //进度异常名单
            abnormalList(taskId).then((res)=>{
                const abnormaldataList =res.data
                // console.log(abnormaldataList,'abnormaldataList');
                // 获取name和code
                processedData.value = abnormaldataList.map(item => ({
                    username: item.userCode, // 将username赋值给code
                    name: item.userName // 直接赋值name
                }));
                // console.log( processedData.value,'processedData.value');
                //  个人进度排名
                var status2 = []
                var number2 = []
                for(let i= 0;i<res.data.length;i++)
                {
                    number2[i]=res.data[i].userName;
                    status2[i]=parseFloat(res.data[i].taskProgress).toFixed(0);
                    // console.log(number2,'number2');
                    // console.log(status2,'dataSchedule2');
                    res.data.sort((c,d) => parseFloat(d.taskProgress) - parseFloat(c.taskProgress));
                    // 根据排序后的 res.data 更新 number 和 status 数组
                    number2 = res.data.map(item => item.userName);
                    status2 = res.data.map(item => parseFloat(item.taskProgress));
                    // console.log(number2,'number降序2');
                    // console.log(status2,'dataSchedule2');
                };
                abnormalChart(status2, number2);
            });
            //学习时长查看
			durationList(taskId).then((res)=>{
                Object.assign(durationdataList, res.data)
                // console.log(durationdataList,'durationdataList时长查看');
                var status3 = []
                var number3 = []
                for(let i= 0;i<res.data.length;i++)
                {
                    number3[i]=res.data[i].postName;
                    status3[i]=parseFloat(res.data[i].learningDuration).toFixed(0);
                    // console.log(number3,'number');
                    // console.log(status3,'dataSchedule');
                };
				durationChart(status3, number3);
            })
			rankingList(examId).then((res)=>{
                Object.assign(achievementList, res.data)
                console.log(achievementList,'durationdataList时长查看');
                var status4 = []
                var number4 = []
                for(let i= 0;i<res.data.length;i++)
                {
                    number4[i]=res.data[i].personName;
                    status4[i]=parseFloat(res.data[i].totalScore).toFixed(0);
                    console.log(number4,'名字');
                    console.log(status4,'数据');
                };
			totalrankingChart(status4, number4);
            })
        }else {
          // queryRef.value.resetFields();
        }
        })
	const form = reactive({
			name: '',
			region: '',
			date1: '',
			date2: '',
			delivery: false,
			type: [],
			resource: '',
			desc: '',
		})
    const canvas = ref() // dom实例
    const person = ref()
    const abnormal = ref()
    const duration = ref()
    const totalranking = ref()
    let myChart = null // echarts实例
    let myChart1 = null
    let myChart2 = null
    let myChart3 = null
    let myChart4 = null
    // // 岗位进度排名
    const renderChart = (number,status) => {
        myChart = proxy.$echarts.init(canvas.value)
        myChart.setOption({
            dataZoom: [
                {
                    yAxisIndex: [0],
                    show: false, //是否显示滑动条，不影响使用
                    type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
                    startValue: 0, // 从头开始。
                    endValue: 8, // 一次性展示8个
                    width: 6,
                    borderColor: "transparent",
                    fillerColor: "rgba(205,205,205,1)",
                    zoomLock: true,
                    showDataShadow: false, //是否显示数据阴影 默认auto
                    backgroundColor: "#fff",
                    showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
                    realtime: true, //是否实时更新
                    filterMode: "filter",
                    handleIcon: "circle",
                    handleStyle: {
                        color: "rgba(205,205,205,1)",
                        borderColor: "rgba(205,205,205,1)",
                    },
                    handleSize: "80%",
                    moveHandleSize: 0,
                    maxValueSpan: 7,
                    minValueSpan: 7,
                    brushSelect: false, //刷选功能
                },
                {
                    type: "inside",
                    yAxisIndex: 0,
                    // zoomOnMouseWheel: false, //滚轮是否触发缩放
                    moveOnMouseMove: true, //鼠标滚轮触发滚动
                    moveOnMouseWheel: true,
                },
            ],
            grid: {
                top: '40px',
                left: '100px',
                bottom:'20px',
            },
            title: {
                text: '岗位进度排名',
                left: 'center',
            },
            legend: {
                // data: ['得分']
            },
            tooltip: {},
            xAxis: {
                // 设置x轴不显示
                show: false
            },
            // 需要使用两个y轴，使用列表存储
            yAxis: {
                type: 'category',
                inverse: true, // 倒叙
                minInterval: 1,
                axisLabel: {
                    rotate: 0,
                    interval: 0, // 显示所有标签
                    margin: 10, // 增加标签与轴线之间的距离
                    // margin:100,
					position: 'left',
                    formatter: function(value, index) {
                        let ind = index + 1;
                        if (ind == 1) {
                            return "{one|" + ind + "} {a|" + value + "}";
                        } else if (ind == 2) {
                            return "{two|" + ind + "} {a|" + value + "}";
                        } else if (ind == 3) {
                            return "{three|" + ind + "} {a|" + value + "}";
                        }
                        return "{four|" + ind + "} {a|" + value + "}";
                    },
                    // formatter: function(value, index) {
                    //     // 索引从0开始，所以排名需要加1
                    //     let rank = index + 1;
                    //     // 使用中文排名描述
                    //     let rankStr = '';
                    //     switch (rank) {
                    //         case 1:
                    //             rankStr = 'TOP1';
                    //             break;
                    //         case 2:
                    //             rankStr = 'TOP2';
                    //             break;
                    //         case 3:
                    //             rankStr = 'TOP3';
                    //             break;
                    //         default:
                    //             rankStr = 'TOP' + rank;
                    //     }
                        // 返回格式化后的字符串
                        // return rankStr + ' ' + value;
                    // },
                    rich: {
                        a: {
                            color: "black"
                        },
                        one: {
                            backgroundColor: "#D5D822",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        two: {
                            backgroundColor: "#C5BDBD",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        three: {
                            backgroundColor: "#BB6732",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        four: {
                            backgroundColor: "#1890FF",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        }
                    }
                },
                axisLine: {
                    show: false // 轴线
                },
                axisTick: {
                    show: false // 刻度线
                },
                data: status,
            },
            series: [
                {
                    type: 'bar',
                    showBackground: true,
                    barWidth: 10,
                    barMaxWidth: 10,
                    barMinWidth: 5,
                    data: number,
                    barGap: 1,
                    smooth: true,
                    valueAnimation: true,
                    label:{
                        show:true,
                        position:'left',
                        offset:[390,0],
                        valueAnimation: true,
                        color: '#000',
                        formatter: '{c}%',
                        align:'left'
                    },
                    itemStyle: {
                        normal: {
                            color: '#008858'
                        },
                        // 移入变色
                        emphasis: {
                            color: '#FF0000',
                        }
                    },
                }
            ]
        })
    }
    // 个人进度排名
	const personChart = (number1,status1) => {
        myChart1 = proxy.$echarts.init(person.value)
        myChart1.setOption({
			dataZoom: [
                {
                    yAxisIndex: [0],
                    show: false, //是否显示滑动条，不影响使用
                    type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
                    startValue: 0, // 从头开始。
                    endValue: 8, // 一次性展示8个
                    width: 6,
                    borderColor: "transparent",
                    fillerColor: "rgba(205,205,205,1)",
                    zoomLock: true,
                    showDataShadow: false, //是否显示数据阴影 默认auto
                    backgroundColor: "#fff",
                    showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
                    realtime: true, //是否实时更新
                    filterMode: "filter",
                    handleIcon: "circle",
                    handleStyle: {
                        color: "rgba(205,205,205,1)",
                        borderColor: "rgba(205,205,205,1)",
                    },
                    handleSize: "80%",
                    moveHandleSize: 0,
                    maxValueSpan: 7,
                    minValueSpan: 7,
                    brushSelect: false, //刷选功能
                },
                {
                    type: "inside",
                    yAxisIndex: 0,
                    // zoomOnMouseWheel: false, //滚轮是否触发缩放
                    moveOnMouseMove: true, //鼠标滚轮触发滚动
                    moveOnMouseWheel: true,
                },
            ],
            grid: {
                top: '40px',
                left: '90px',
                bottom:'20px',
            },
            title: {
                text: '个人进度排名',
                left: 'center',
            },
            legend: {
                // data: ['得分']
            },
            tooltip: {},
            xAxis: {
                // 设置x轴不显示
                show: false
            },
            // 需要使用两个y轴，使用列表存储
            yAxis: {
                type: 'category',
                inverse: true, // 倒叙
                minInterval: 1,
                axisLabel: {
                    margin:80,
                    align: 'left',
                    formatter: function(value, index) {
                        let ind = index + 1;
                        if (ind == 1) {
                            return "{one|" + ind + "} {a|" + value + "}";
                        } else if (ind == 2) {
                            return "{two|" + ind + "} {a|" + value + "}";
                        } else if (ind == 3) {
                            return "{three|" + ind + "} {a|" + value + "}";
                        }
                        return "{four|" + ind + "} {a|" + value + "}";
                    },
                    rich: {
                        a: {
                            color: "black"
                        },
                        one: {
                            backgroundColor: "#D5D822",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        two: {
                            backgroundColor: "#C5BDBD",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        three: {
                            backgroundColor: "#BB6732",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        four: {
                            backgroundColor: "#1890FF",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        }
                    }
                },
                axisLine: {
                    show: false // 轴线
                },
                axisTick: {
                    show: false // 刻度线
                },
                data: status1,
            },
            series: [
                {
                    type: 'bar',
                    showBackground: true,
                    barWidth: 10,
                    barMaxWidth: 10,
                    barMinWidth: 5,
                    data: number1,
                    barGap: 1,
                    smooth: true,
                    valueAnimation: true,
                    label:{
                        show:true,
                        position:'left',
                        offset:[395,0],
                        valueAnimation: true,
                        color: '#000',
                        formatter: '{c}%',
                        align:'left'
                    },
                    itemStyle: {
                        normal: {
                            color: function(params) {
                                //首先定义一个数组
                                var colorList = [
                                    '#008858','#BB6732','#D5D822','#096DD9','#FA8C16', '#D54941'
                                ];
                                return colorList[params.dataIndex]
                            },
                        },
                        // 移入变色
                        emphasis: {
                            color: '#FF0000',
                        }
                    },
                }
            ]
        })
    }
    // 进度异常名单
    const abnormalChart = (number2,status2) => {
        myChart2 = proxy.$echarts.init(abnormal.value)
        myChart2.setOption({
			dataZoom: [
                {
                    yAxisIndex: [0],
                    show: false, //是否显示滑动条，不影响使用
                    type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
                    startValue: 0, // 从头开始。
                    endValue: 8, // 一次性展示8个
                    width: 6,
                    borderColor: "transparent",
                    fillerColor: "rgba(205,205,205,1)",
                    zoomLock: true,
                    showDataShadow: false, //是否显示数据阴影 默认auto
                    backgroundColor: "#fff",
                    showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
                    realtime: true, //是否实时更新
                    filterMode: "filter",
                    handleIcon: "circle",
                    handleStyle: {
                        color: "rgba(205,205,205,1)",
                        borderColor: "rgba(205,205,205,1)",
                    },
                    handleSize: "80%",
                    moveHandleSize: 0,
                    maxValueSpan: 7,
                    minValueSpan: 7,
                    brushSelect: false, //刷选功能
                },
                {
                    type: "inside",
                    yAxisIndex: 0,
                    // zoomOnMouseWheel: false, //滚轮是否触发缩放
                    moveOnMouseMove: true, //鼠标滚轮触发滚动
                    moveOnMouseWheel: true,
                },
            ],
            grid: {
                top: '20px',
                left: '100px',
                bottom:'20px',
            },
            title: {
                text: '进度异常名单',
                left: 'center',
            },
            tooltip: {},
            legend: {
                data: ['销量']
            },

            xAxis: {
                // 设置x轴不显示
                show: false
            },

            // 需要使用两个y轴，使用列表存储
            yAxis: {
                type: 'category',
                inverse: true, // 倒叙
                minInterval: 1,
                axisLabel: {
                    margin:100,
                    align: 'left',
                    formatter: (val) => {
                        return `${val}`;
                    }
                },
                axisLine: {
                    show: false // 轴线
                },
                axisTick: {
                    show: false // 刻度线
                },
                data: status2,
            },
            series: [
                {
                    type: 'bar',
                    showBackground: true,
                    barWidth: 10,
                    barMaxWidth: 20,
                    barMinWidth: 5,
                    data: number2,
                    barGap: 10,
                    smooth: true,
                    valueAnimation: true,
                    label:{
                        show:true,
                        position:'left',
                        offset:[375,0],
                        valueAnimation: true,
                        color: '#000',
                        formatter: '{c}%',
                        align:'left'
                    },
                    itemStyle: {
                        color:'#FF0000',
                    },
                }
            ]
        })
		myChart2.setOption(option);
    }
    // 给进度落后人员下发通知
    const remind = () =>{
        console.log('scoreList---',)
        noticeList(processedData.value).then((res)=>{
        ElMessage({
            message: '发送通知成功',
            type: 'success',
        })
        }).catch((error) => {
            // 接口调用失败
            ElMessage({
                message: '发送通知失败，请联系管理员',
                type: 'error',
            });
            console.error('发送通知失败：', error);
        });
    }
    // 学习时长查看
	const durationChart = (number3,status3) => {
        myChart3 = proxy.$echarts.init(duration.value);
        myChart3.setOption({
            grid: {
                top: '30px',
                left: '100px',
                bottom:'20px',
            },
            title: {
                text: '学习时长查看',
				left: 'center',
            },
            tooltip: {},
            xAxis: {
                data: status3
            },
            yAxis: {},
            series: [{
                name: '学习时长',
                type: 'line',
                data: number3,
                itemStyle: {
                    color:	'#283E81'
                }
            }]
        });
        myChart3.setOption(option);
		};
    // 本学习任务考试成绩排名
	const totalrankingChart = (number4,status4) => {
        myChart4 = proxy.$echarts.init(totalranking.value)
        myChart4.setOption({
            dataZoom: [
                {
                    yAxisIndex: [0],
                    show: false, //是否显示滑动条，不影响使用
                    type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
                    startValue: 0, // 从头开始。
                    endValue: 8, // 一次性展示8个
                    width: 6,
                    borderColor: "transparent",
                    fillerColor: "rgba(205,205,205,1)",
                    zoomLock: true,
                    showDataShadow: false, //是否显示数据阴影 默认auto
                    backgroundColor: "#fff",
                    showDetail: false, //即拖拽时候是否显示详细数值信息 默认true
                    realtime: true, //是否实时更新
                    filterMode: "filter",
                    handleIcon: "circle",
                    handleStyle: {
                        color: "rgba(205,205,205,1)",
                        borderColor: "rgba(205,205,205,1)",
                    },
                    handleSize: "80%",
                    moveHandleSize: 0,
                    maxValueSpan: 7,
                    minValueSpan: 7,
                    brushSelect: false, //刷选功能
                },
                {
                    type: "inside",
                    yAxisIndex: 0,
                    // zoomOnMouseWheel: false, //滚轮是否触发缩放
                    moveOnMouseMove: true, //鼠标滚轮触发滚动
                    moveOnMouseWheel: true,
                },
            ],
            grid: {
                top: '40px',
                left: '90px',
                bottom:'20px',
            },
            title: {
                text: '本学习任务考试成绩排名',
                left: 'center',
            },
            legend: {
                // data: ['得分']
            },
            tooltip: {},
            xAxis: {
                // 设置x轴不显示
                show: false
            },
            // 需要使用两个y轴，使用列表存储
            yAxis: {
                type: 'category',
                inverse: true, // 倒叙
                minInterval: 1,
                axisLabel: {
                    margin:90,
                    align: 'left',
                    formatter: function(value, index) {
                        let ind = index + 1;
                        if (ind == 1) {
                            return "{one|" + ind + "} {a|" + value + "}";
                        } else if (ind == 2) {
                            return "{two|" + ind + "} {a|" + value + "}";
                        } else if (ind == 3) {
                            return "{three|" + ind + "} {a|" + value + "}";
                        }
                        return "{four|" + ind + "} {a|" + value + "}";
                    },
                    rich: {
                        a: {
                            color: "black"
                        },
                        one: {
                            backgroundColor: "#D5D822",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        two: {
                            backgroundColor: "#C5BDBD",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        three: {
                            backgroundColor: "#BB6732",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        },
                        four: {
                            backgroundColor: "#1890FF",
                            color: "white",
                            width: 15,
                            height: 15,
                            lineHeight: 15,
                            align: "center",
                            borderRadius: 8,
                            fontSize: 8
                        }
                    }
                },
                axisLine: {
                    show: false // 轴线
                },
                axisTick: {
                    show: false // 刻度线
                },
                data: status4,
            },
            series: [
                {
                    type: 'bar',
                    showBackground: true,
                    // barWidth: 10,
                    barMaxWidth: 10,
                    barMinWidth: 5,
					barWidth: 'auto',
                    data: number4,
                    barGap: 1,
                    smooth: true,
                    valueAnimation: true,
                    label:{
                        show:true,
                        position:'left',
                        offset:[650,0],
                        valueAnimation: true,
                        color: '#000',
                        formatter: '{c}分',
                        align:'left'
                    },
                    itemStyle: {
                        normal: {
                            color: '#0052D9'
                        },
                        // 移入变色
                        emphasis: {
                            color: '#FF0000',
                        }
                    },
                }
            ]
        })
        myChart4.setOption(option);
    }
	// 返回上一页
    const router = useRouter();
    const goBack = () => {
        // router.go(-1);
        router.push('/train/xxrwTaskList/index');
    };
</script>
<style scoped>

</style>
